<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="msapplication-tap-highlight" content="no"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="target-densitydpi=device-dpi,width=750, user-scalable=0, user-scalable=no" id="viewport">

    <title>热门活动</title>
    <meta name="keywords" content="优乐装修"/>
    <meta name="Description" content="优乐装修首页" />
    <link href="skins/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="skins/css/animate.css" rel="stylesheet" type="text/css"/>
    <link href="skins/css/swiper.min.css" rel="stylesheet" type="text/css"/>
    <link href="skins/css/common.css" rel="stylesheet" type="text/css"/>
    <link href="skins/css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="main-body">
    <!--头部导航和logo-->
    <div class="top-nav clearfix">
        <div class="top-logo pull-left">
            <a class="btn-back" href="home.html">返回</a>
        </div>

        <a class="top-nav-check pull-right js-top-nav-check">导航</a>
    </div>
    <!--点击右上角导航导航弹出层-->
    <div class="shadow-modal">
        <div class="top-nav-drop-list animated rollIn">
            <!--八大导航-->
            <div class="page-eight-nav clearfix">
                <div class="col-sm-3 hot">
                    <a href="decoration-budget.html">
                        <p><img src="images/icon_nav_1.png"/> </p>
                        <p>装修预算</p>
                        <span class="nav-hot-mark"></span>
                    </a>
                </div>
                <div class="col-sm-3" >
                    <a href="decoration-budget.html">
                        <p><img src="images/icon_nav_2.png"/> </p>
                        <p>装修案例</p>
                        <span class="nav-hot-mark"></span>
                    </a>
                </div>
                <div class="col-sm-3">
                    <a href="#ule-designers">
                        <p><img src="images/icon_nav_3.png"/> </p>
                        <p>找设计师</p>
                        <span class="nav-hot-mark"></span>
                    </a>
                </div>
                <div class="col-sm-3">
                    <a href="popular-village.html">
                        <p><img src="images/icon_nav_4.png"/> </p>
                        <p>热门小区</p>
                        <span class="nav-hot-mark"></span>
                    </a>
                </div>
                <div class="col-sm-3 hot">
                    <a href="popular-activity.html">
                        <p><img src="images/icon_nav_5.png"/> </p>
                        <p>热门活动</p>
                        <span class="nav-hot-mark"></span>
                    </a>
                </div>
                <div class="col-sm-3">
                    <a href="#">
                        <p><img src="images/icon_nav_6.png"/> </p>
                        <p>装修攻略</p>
                        <span class="nav-hot-mark"></span>
                    </a>
                </div>
                <div class="col-sm-3">
                    <a href="#">
                        <p><img src="images/icon_nav_7.png"/> </p>
                        <p>装修套餐</p>
                        <span class="nav-hot-mark"></span>
                    </a>
                </div>
                <div class="col-sm-3">
                    <a href="about-us.html">
                        <p><img src="images/icon_nav_8.png"/> </p>
                        <p>关于优乐</p>
                        <span class="nav-hot-mark"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!--头部导航和logo end-->
    <!--banner 上面的广告语-->
    <div class="up-banner-ad-words"><img src="images/up_banner_ad_words.png"/> </div>
    <div class="popular-activity-list">
        <ul>
            <li class="clearfix">
                <a href="#!">
                    <div class="activity-img">
                        <img src="images/popular_activity/activity_1.png"/>
                    </div>
                    <div class="activity-info">
                        <h3 class="activity-name">半价助装两天不赚钱 为你而来</h3>
                        <!--multi-ellipsis 裁剪多行超出的文本 data-row指定要显示的行数-->
                        <p class="activity-title multi-ellipsis" data-row="3">装修是个麻烦事，【设计、主材、辅材、施工、价格】等各方面都很讲究，很多装友四处奔波比较</p>
                    </div>
                </a>
            </li>
            <li class="clearfix">
                <a href="#!">
                    <div class="activity-img">
                        <img src="images/popular_activity/activity_2.png"/>
                    </div>
                    <div class="activity-info">
                        <h3 class="activity-name">杨家坪总店周年庆盛典！！！</h3>
                        <!--multi-ellipsis 裁剪多行超出的文本 data-row指定要显示的行数-->
                        <p class="activity-title multi-ellipsis" data-row="3">到店签到现场售卡：88元预售VIP贵宾卡88元预售VIP贵宾卡：享受100元新世纪超市购物卡享受100元新世纪超市购物卡</p>
                    </div>
                </a>
            </li>
            <li class="clearfix">
                <a href="#!">
                    <div class="activity-img">
                        <img src="images/popular_activity/activity_3.png"/>
                    </div>
                    <div class="activity-info">
                        <h3 class="activity-name">优乐装饰千人团购惠</h3>
                        <!--multi-ellipsis 裁剪多行超出的文本 data-row指定要显示的行数-->
                        <p class="activity-title multi-ellipsis" data-row="3">【优乐装饰集团】杨家坪店2016年上半年产值一亿冲冠成功！现推出【千人团装惠】裸价精装、团装让利</p>
                    </div>
                </a>
            </li>
        </ul>
    </div>
</div>
<!--底部导航-->
<div class="ule-footer-nav clearfix">
    <div class="col-sm-4">
        <a href="tel:023-88675888">拨打电话</a>
    </div>
    <div class="col-sm-4">
        <a href="mqqwpa://im/chat?chat_type=wpa&uin=2463546943&version=1&src_type=web&web_src=oicqzone.com">在线咨询</a>
    </div>
    <div class="col-sm-4">
        <a href="home.html">首页</a>
    </div>
</div>
<!--悬浮的服务电话-->
<a href="tel:023-88675888" class="attach-service-phone"></a>
<script type="text/javascript" src="js/libs/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/libs/jquery.ellipsis.min.js"></script>
<script type="text/javascript" src="js/libs/swiper.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>